<template>
  <item-panel>
    <item
      type='node'
      size='72*72'
      shape='flow-circle'
      :model="{
        color: '#FA8C16',
        type: '开始',
        label: '开始节点'
      }"
      src='../../../static/images/Start.svg'
    />
    <item
      type='node'
      size='80*48'
      shape='flow-rect'
      :model="{
        color: '#1890FF',
        type: '审批',
        label: '审批节点'
      }"
      src='../../../static/images/Normal.svg'
    />
    <item
      type='node'
      size='80*72'
      shape='flow-rhombus'
      :model="{
        color: '#13C2C2',
        type: '判断',
        label: '判断节点'
      }"
      src='../../../static/images/Decision.svg'
    />
     <item
      type='node'
       size='72*72'
      shape='flow-circle'
      :model="{
        color: '#FA8C16',
        type: '结束',
        label: '结束节点'
      }"
      src='../../../static/images/End.svg'
    />
  </item-panel>
</template>

<script>
import { ItemPanel, Item } from 'vg-editor';

export default {
  name: 'FlowItemPanel',
  components: { ItemPanel, Item }
};
</script>
